<template>
  <div class="">
    <div :style="cardStyle">
      <van-field :label="titleText"></van-field>
    </div>
    <div class="text-center">
      <button class="u-button mxa" :style="buttonStyle">
        <view class="px5">{{ buttonText }}</view>
      </button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DkAppCommonSearch',
  props: {
    titleText: { type: String, default: '查询标题' },
    buttonText: { type: String, default: '看广告查询内容' },
    pageSize: { type: Number, default: 5 },
    cardStyle: {
      type: Object,
      default: () => {
        return {}
      }
    },
    buttonStyle: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {
      btnClick: false,
      number: 0,
      data: []
    }
  },
  mounted() {},
  methods: {}
}
</script>

<style scoped>
.u-button {
  font-size: 12px;
  box-sizing: border-box;
  margin: 0;
  color: #fff;
  border: none;
}
</style>
